@charset "UTF-8";
/**
栅格系统
 */
@function countWidth ($number) {
  @return ($number/12)*100%;
}

@function divides ($den) {
  @return ($den/2);
}

.own-container {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box
}

.own-fluid {
  position: relative;
  margin: 0 auto;
  padding: 0 15px
}

.own-show {
  display: block !important
}

.own-hide {
  display: none !important
}

.own-row:after, .own-row:before {
  content: '';
  display: block;
  clear: both
}

@for $i from 1 to 13 {
  .own-col-lg-#{$i}, .own-col-md-#{$i}, .own-col-sm-#{$i}, .own-col-xs-#{$i} {
    position: relative;
    display: block;
    box-sizing: border-box
  }
  .own-col-xs-#{$i} {
    float: left
  }

  .own-col-xs-#{$i} {
    width: countWidth($i);
  }
  .own-col-xs-offset-#{$i} {
    margin-left: countWidth($i);
  }
}

@media screen and (max-width: 768px) {
  .own-hide-xs {
    display: none !important
  }

  .own-show-xs-block {
    display: block !important
  }

  .own-show-xs-inline {
    display: inline !important
  }

  .own-show-xs-inline-block {
    display: inline-block !important
  }
}

@media screen and (min-width: 768px) {
  .own-container {
    width: 750px
  }

  .own-hide-sm {
    display: none !important
  }

  .own-show-sm-block {
    display: block !important
  }

  .own-show-sm-inline {
    display: inline !important
  }

  .own-show-sm-inline-block {
    display: inline-block !important
  }

  @for $i from 1 to 13 {
    .own-col-sm-#{$i} {
      float: left;
      width: countWidth($i);
    }

    .own-col-sm-offset-#{$i} {
      margin-left: countWidth($i);
    }
  }
}

@media screen and (min-width: 992px) {
  .own-container {
    width: 970px
  }

  .own-hide-md {
    display: none !important
  }

  .own-show-md-block {
    display: block !important
  }

  .own-show-md-inline {
    display: inline !important
  }

  .own-show-md-inline-block {
    display: inline-block !important
  }

  @for $i from 1 to 13 {
    .own-col-md-#{$i} {
      float: left;
      width: countWidth($i);
    }

    .own-col-md-offset-#{$i} {
      margin-left: countWidth($i);
    }
  }
}

@media screen and (min-width: 1200px) {
  .own-container {
    width: 1170px
  }

  .own-hide-lg {
    display: none !important
  }

  .own-show-lg-block {
    display: block !important
  }

  .own-show-lg-inline {
    display: inline !important
  }

  .own-show-lg-inline-block {
    display: inline-block !important
  }

  @for $i from 1 to 13 {
    .own-col-lg-#{$i} {
      float: left;
      width: countWidth($i);
    }

    .own-col-lg-offset-#{$i} {
      margin-left: countWidth($i);
    }
  }
}

@for $i from 1 to 31 {
  .own-col-space-#{$i} {
    margin: divides(-$i) px;
  }

  .own-col-space-#{$i} > * {
    padding: divides($i) px;
  }
}